@media screen {
/*---------------------------------------------------------------------------------*/
    /*admin page*/
     #admin{
        margin:1em;
    }
    
    .main {
        
        padding:0;
        width:60em;
        margin: 3em auto; 
        border: solid 1px #fff;
        text-align:center;
    }
    
    .IsIE .main{
        position:relative;
        left:50%;
        margin-left:-30em;
    }
    div#auth_form {
        width:30em;
    }
    div#auth_form, input#btn_login, div#log_outd{
        float:right;
    }
    
    #img_cont {
        position:absolute;
        left:31em;
        z-index:999;
        
    }
    #textNum{
    position:absolute;
    top:0.5em;
    left:0.5em;
    }
    #numOfWOrds{
        position:absolute;
        top:0.5em;
        left:11em;
        }
    #status{
        /*width:40em;*/
        height:2.5em;
      
        /*border:dashed 1px #f0f0f0;  left:240px;*/
        background-color:#fff;
        border-bottom:dashed 1px #f0f0f0;
   }
    #cont{
        display:none;
    }
    
    #err_empty{
        margin:10px;
        float:right;
        color: red;
        font-size: 9pt;
        /*border:dashed 1px #f0f0f0;*/
    }
    
    #content_logged{
        margin:20px;
    }
    
    #username, #pass{
        height:30px;
        margin:3px 10px;
        padding:5px;
        float:right;
    }
    #btn_login{
         margin:3px 10px;
    }
    #log_outd, #auth_form, #status{
        display:none;
    }
    
    .word_question{
        /*border:2px dashed #f0f0f0;*/
        margin:10px;
        padding:0px;
        float:left;
        width:200px;
        text-align:right;
        overflow:auto;
    }
    .compl, .radio_text{
        height:30px;
        /*border:dashed 1px #f0f0f0;*/
        vertical-align:top;
        margin:5px;
        padding:5px;
    }
    
    .compl {
        float:left;
    }
    
}